import moment from 'moment'

let statusArr = [
  {label: '待申请', value: '1'},
  {label: '待发放', value: '2'},
  {label: '已发放', value: '3'},
  {label: '已驳回', value: '4'},
  {label: '已退回', value: '5'}
]

// 薪资应付账单
export const SalaryThead = [
  {
    type: 'selection',
    minWidth: 60,
    align: 'center'
  },
  {
    title: '费用月份',
    key: 'salaryMonth',
    render: (h, params) => {
      let row = params.row
      let times = ''
      if (row.salaryMonth) {
        times = row.salaryMonth.slice(0, 7)
      }
      return h('span', times)
    },
    minWidth: 120
  },
  {
    title: '客户名称',
    key: 'customerName',
    minWidth: 120
  },
  {
    title: '工资发放日期',
    key: 'payDate',
    minWidth: 120,
    render: (h, params) => {
      const text = params.row.payDate ? moment(params.row.payDate).format('YYYY-MM-DD') : ''
      return h('span', text)
    }
  },
  {
    title: '工资应付',
    key: 'realSalaryTotal',
    minWidth: 120
  },
  {
    title: '个税应付',
    key: 'incomeDeduct',
    minWidth: 120
  },
  {
    title: '应收总计',
    key: 'shouldTotal',
    minWidth: 120
  },
  {
    title: '实到总计',
    key: 'receiveTotal',
    minWidth: 120
  },
  {
    title: '实付金额合计',
    key: 'payTotal',
    minWidth: 120
  },
  // {
  //   title: '付款银行',
  //   key: 'payBank',
  //   minWidth: 120
  // },
  // {
  //   title: '付款时间',
  //   key: 'payDate',
  //   minWidth: 120,
  //   render: (h, params) => {
  //     let row = params.row
  //     let times = ''
  //     if (row.payDate) {
  //       times = row.payDate.slice(0, 10).replace(/T/g, ' ')
  //     }
  //     return h('span', times)
  //   }
  // },
  {
    title: '状态',
    key: 'status',
    minWidth: 150,
    render: (h, params) => {
      const text = (statusArr.find(v=>{return +params.row.status == +v.value})).label
      return h('span', text)
    }
  },
  {
    title: '操作',
    key: 'action',
    slot: 'action',
    width: 220,
    fixed: 'right',
    align: 'center'
  }
]

// 薪资应付账单详情
// export const SalaryDetailThead = [
//   {
//     type: 'selection',
//     minWidth: 60,
//     align: 'center'
//   },
//   {
//     title: '批次号',
//     key: 'batchID',
//     tooltip: true,
//     minWidth: 120
//   },
//   {
//     title: '姓名',
//     key: 'name',
//     minWidth: 120
//   },
//   {
//     title: '身份证号码',
//     key: 'idCardNO',
//     minWidth: 200
//   },
//   {
//     title: '开户行',
//     key: 'bankName',
//     minWidth: 120
//   },
//   {
//     title: '卡号',
//     key: 'accountNo',
//     minWidth: 200
//   },
//   {
//     title: '工资发放银行',
//     key: 'accountName',
//     minWidth: 180
//   },
//   {
//     title: '手机号码',
//     key: 'phone',
//     tooltip: true,
//     minWidth: 150
//   },
//   {
//     title: '应发工资总额',
//     key: 'shouldSalaryTotal',
//     minWidth: 120
//   },
//   {
//     title: '社保扣除',
//     key: 'socialSecurityDeduct',
//     minWidth: 120
//   },
//   {
//     title: '公积金扣除',
//     key: 'providentFundDeduct',
//     minWidth: 120
//   },
//   {
//     title: '其他扣除',
//     key: 'otherDeduct',
//     minWidth: 120
//   },
//   {
//     title: '个税扣除',
//     key: 'incomeDeduct',
//     minWidth: 120
//   },
//   {
//     title: '手续费',
//     key: 'serviceCharge',
//     minWidth: 120
//   },
//   {
//     title: '实发工资总额',
//     key: 'realSalaryTotal',
//     minWidth: 120
//   },
//   {
//     title: '发放状态',
//     key: 'status',
//     minWidth: 120,
//     render: (h, params) => {
//       const text = (statusArr.find(v=>{return +params.row.status == +v.value})).label
//       return h('span', text)
//     }
//   },
//   {
//     title: '退回原因',
//     key: 'remark',
//     minWidth: 120
//   },
//   {
//     title: '退回日期',
//     key: 'backTime',
//     minWidth: 190,
//     render: (h, params) => {
//       const text = params.row.backTime ? moment(params.row.backTime).format('YYYY-MM-DD') : ''
//       return h('span', text)
//     }
//   },
//   {
//     title: '付款人',
//     key: 'payUser',
//     minWidth: 120
//   },
//   {
//     title: '付款时间',
//     key: 'payTime',
//     minWidth: 120,
//     render: (h, params) => {
//       const text = params.row.payTime ? moment(params.row.payTime).format('YYYY-MM-DD') : ''
//       return h('span', text)
//     }
//   },
//   {
//     title: '审批结果',
//     key: 'workFlowStatus',
//     minWidth: 150
//   },
//   {
//     title: '操作',
//     key: 'action',
//     slot: 'action',
//     width: 180,
//     fixed: 'right',
//     align: 'center'
//   }
// ]

export const SalaryDetailThead = {
  selection: {
    type: 'selection',
    minWidth: 60,
    align: 'center'
  },
  batchID: {
    title: '批次号',
    key: 'batchID',
    tooltip: true,
    minWidth: 120
  },
  name: {
    title: '姓名',
    key: 'name',
    minWidth: 120
  },
  idCardNO: {
    title: '身份证号码',
    key: 'idCardNO',
    minWidth: 200
  },
  bankName: {
    title: '开户行',
    key: 'bankName',
    minWidth: 120
  },
  accountNo: {
    title: '卡号',
    key: 'accountNo',
    minWidth: 200
  },
  accountName: {
    title: '工资发放银行',
    key: 'accountName',
    minWidth: 180
  },
  phone: {
    title: '手机号码',
    key: 'phone',
    tooltip: true,
    minWidth: 150
  },
  shouldSalaryTotal: {
    title: '应发工资总额',
    key: 'shouldSalaryTotal',
    minWidth: 120
  },
  socialSecurityDeduct: {
    title: '社保扣除',
    key: 'socialSecurityDeduct',
    minWidth: 120
  },
  providentFundDeduct: {
    title: '公积金扣除',
    key: 'providentFundDeduct',
    minWidth: 120
  },
  otherDeduct: {
    title: '其他扣除',
    key: 'otherDeduct',
    minWidth: 120
  },
  incomeDeduct: {
    title: '个税扣除',
    key: 'incomeDeduct',
    minWidth: 120
  },
  serviceCharge: {
    title: '手续费',
    key: 'serviceCharge',
    minWidth: 120
  },
  realSalaryTotal: {
    title: '实发工资总额',
    key: 'realSalaryTotal',
    minWidth: 120
  },
  status: {
    title: '发放状态',
    key: 'status',
    minWidth: 120,
    render: (h, params) => {
      const text = (statusArr.find(v=>{return +params.row.status == +v.value})).label
      return h('span', text)
    }
  },
  remark: {
    title: '退回原因',
    key: 'remark',
    minWidth: 120
  },
  backTime: {
    title: '退回日期',
    key: 'backTime',
    minWidth: 190,
    render: (h, params) => {
      const text = params.row.backTime ? moment(params.row.backTime).format('YYYY-MM-DD') : ''
      return h('span', text)
    }
  },
  payUser: {
    title: '付款人',
    key: 'payUser',
    minWidth: 120
  },
  payTime: {
    title: '付款时间',
    key: 'payTime',
    minWidth: 120,
    render: (h, params) => {
      const text = params.row.payTime ? moment(params.row.payTime).format('YYYY-MM-DD') : ''
      return h('span', text)
    }
  },
  workFlowStatus: {
    title: '审批结果',
    key: 'workFlowStatus',
    minWidth: 150
  },
  action: {
    title: '操作',
    key: 'action',
    slot: 'action',
    width: 130,
    fixed: 'right',
    align: 'center'
  },
  action_hasWorkFlow: {
    title: '操作',
    key: 'action_hasWorkFlow',
    slot: 'action_hasWorkFlow',
    width: 240,
    fixed: 'right',
    align: 'center'
  }
}
